<template>
  <div id="app">
    <h1>黑马头条</h1>
    <i class="toutiao toutiao-lishi"></i><br>
    <van-button type="primary">主要按钮</van-button>
    <van-button type="info">信息按钮</van-button>
    <van-button type="default">默认按钮</van-button>
    <van-button type="warning">警告按钮</van-button>
    <van-button type="danger">危险按钮</van-button>
    <router-view />

    <div class="box">Hello World</div>
  </div>
</template>

<script>
import { getJoke } from '@/api/news'
export default {
  name: 'App',
  async created () {
    const r = await getJoke()
    console.log(r)
  }
}
</script>

<style lang="less">
.box {
  width: 750px;
  height: 64px;
  background-color: pink;
}
</style>
